<template>
  <div class="home-page">
    <headerNav></headerNav>
  </div>
</template>

<script>  
import headerNav from './Header/index.vue'

export default {
  name: 'Home',
  components: {headerNav},
  data() {
    return {
      input1: ''
    }
  }
}
</script>
<style>
  * {
    margin: 0;
    padding: 0;
  }
  .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll {
    /* position: relative; */
    display: flex !important;
    justify-content: center;
  }
  .el-tabs__nav .el-tabs__item {
    font-size: 20px;
  }
  div .el-input--suffix {
    display: flex;
    justify-content: center;
    width: 20%;
    margin: 30px auto;
  }
  .el-input--suffix .el-input__inner {
    width: 100%;
  }
  .el-tabs--top .el-tabs__header {
    margin-bottom: 0px;
  }
  #pane-fourth .mr-lunbo-page .el-carousel .el-carousel__container {
    width: 100%;
    height: 540px;
  }
</style>
